草庐IT

video - Flutter - video_player 全屏

全部标签

javascript - 将窗口状态更改为全屏

如何在javascript中将Web浏览器窗口状态更改为全屏(就像用户按F11时一样)?我知道如何指定Window.Open方法打开的新窗口的窗口状态,但我想更改当前窗口的状态。 最佳答案 你不能也不应该这样做。您不应该这样做,因为这是一种恼人的用户体验。因此,让用户决定并可能要求他按下全屏模式按钮,但不要强制他。你不能,因为浏览器vendor出于我最后一点的原因禁用了此功能。最小的解决方法是将新窗口的窗口大小设置为接近屏幕分辨率的大小,但如果用户有双屏幕,这可能会很棘手。 关于java

javascript - 为什么 html5-video 事件 timeupdate 在 Chrome 浏览器上触发两次?

html5-video事件timeupdate在Chrome浏览器上触发两次。重现步骤:运行代码Updatetime$(document).ready(function(){varvid=document.getElementById("video")vid.addEventListener("timeupdate",timeUpdate,false);$("#button").on("click",buttonClick);functiontimeUpdate(e){console.log("timeUpdate");}functionbuttonClick(e){console.l

javascript - jQuery 视频播放器的全屏切换未正确分配类名

我正在开发JavaScript/jQuery视频播放器。它有一个错误,我无法找到其原因。玩家有一个进入/退出全屏按钮(可以在HTML片段的底部看到):(function($){/*Helperfunctions*//*1)fullscreen*/functiontoggleFullScreen(elem){if((document.fullScreenElement!==undefined&&document.fullScreenElement===null)||(document.msFullscreenElement!==undefined&&document.msFullscre

javascript - 防止在 iOS 上滚动 HTML5 <video> 元素

我试图阻止在MobileSafari上包含HTML5视频元素的Web应用程序中的默认滚动。处理document.ontouchmove和调用e.preventDefault()是我发现实现此目的的标准方法。这似乎在任何地方都有效,除了当您触摸视频元素的顶部时,您可以开始向四周拉动页面,就好像它要滚动一样。这似乎只有在强制打开native视频控件时才会发生。如果您不包含controls属性并以可以在线播放的方式加载视频(例如在iPad上或在设置了allowsInlineMediaPlayback的UIWebView中),则会正确阻止滚动。所以它似乎与捕获事件的native视频控件(大播放

javascript - 在 youtube.com 上获取 Youtube 视频的当前时间(例如 document.getElementById ('movie_player').getCurrentTime())

我正在创建一个GoogleChrome扩展程序,它依赖于了解“youtube.com”上正在播放的视频的当前时间。我知道,原则上,document.getElementById('movie_player').getCurrentTime()应该返回这个,但是在注入(inject)页​​面的内容脚本中调用它会产生:UncaughtTypeError:document.getElementById('movie_player').getCurrentTimeisnotafunction(…)我能够在Chrome控制台中运行该命令并获得正确的返回值。在将此问题标记为重复问题之前,我想指出我

javascript - 无法在 webkit 浏览器的全屏模式下在文本输入中键入任何字母或数字

切换到全屏模式后(在chrome和safari上测试),我无法在文本输入中输入任何字母或数字,但我仍然可以输入特殊字符,如*¨%£但没有简单的字母...代码非常简单:HTMLLAUNCHFULLSCREENJSfunctionlaunchFullScreen(element){if(element.requestFullScreen){element.requestFullScreen();}elseif(element.mozRequestFullScreen){element.mozRequestFullScreen();}elseif(element.webkitRequestF

javascript - 带封面的全屏背景,但专注于图像的一部分

我想要一个div有一个覆盖整个div的背景图像,但是当浏览器窗口大小发生变化时,不要缩小太多,而是将焦点集中在图像上的一个点上。一个很好的例子是this,但是当您缩小窗口尺寸时,它会聚焦于黄色标志而不是图像的中间。这种东西有插件或者教程吗?我确信使用jquery和css图像Sprite我可以想出一些东西,但我宁愿使用经过验证的插件或技术,而不是一起破解一些东西。 最佳答案 好吧,我想这远没有我想象的那么难,但是我想要的行为可以简单地通过这样做来实现:{background:url('http://farm8.staticflickr

javascript - 全屏视频不允许在 Firefox 上滚动

我正在使用fullscreen.js脚本,在我的其中一个屏幕上我将有一个全屏Vimeo视频。显然,这会导致FF出现问题,并阻止我在到达视频屏幕后立即向上或向下滚动。该问题已提交到脚本的GitHub页面,但作者将其驳回,因为它是一个FF问题(https://github.com/alvarotrigo/fullPage.js/issues/803)。我将所有这些与基础CSS一起用于响应式视频:"width="400"height="225"frameborder="0"webkitAllowFullScreenmozallowfullscreenallowFullScreen>错误是这个

javascript - 如何使用 JavaScript 将图像缩放到全屏?

我有一张图片我想缩放到全屏。我将如何使用JavaScript/jQuery执行此操作?不需要动画,只需调整图像大小即可。 最佳答案 唯一可靠的解决方案是使用formulatodeterminemaximumscaleratio:var$img=$('#contentimg'),imageWidth=$img[0].width,//needtherawwidthduetoajquerybugthataffectschromeimageHeight=$img[0].height,//needtherawheightduetoajquer

javascript - firefox 浏览器拒绝全屏更改

当我们点击它时,我试图让我的网站的一个元素全屏显示,它适用于chrome、IE,但不适用于firefox。我去了microsoftfullscreenAPI,我测试了他们的代码,这些浏览器都没有问题。这里是我要全屏显示的网站部分。SignInorurl(array('module'=>'default','controller'=>'paid-sign-up','action'=>'index'),null,true);?>"style="color:#F00;text-decoration:none;">Signupsignin();?>url(array('module'=>'de